﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ConnectScreens.aspx.cs" Inherits="ConnectScreens" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title></title>
    
    <script type="text/javascript" src="script.js"></script>
    <script type="text/javascript">
    function connect(number){
        document.location.href = "ScreenFrame.aspx?ScreenId=" + number;
    }
    </script>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="css/style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="css/style.ie7.css" type="text/css" media="screen" /><![endif]-->
    <style>
    .fila{width:150px;height:150px; background-image:url(img/tft.png); background-repeat:no-repeat; vertical-align:top}
    .numeropantalla{font-weight:bold;font-size:50px;font-family:Arial;color:#ffffff;}
    A.numeropantalla{font-weight:bold;font-family:Arial;color:#ffffff;text-decoration:underline;}
    A.numeropantalla:hover{color:#00ffff;text-decoration:underline}
    .npant{margin-top:20px;margin-left:60px}
    </style>
</head>
<body>
<form id="form1" runat="server">

    <div class="PageBackgroundGradient"></div>
    <div class="Main">
        <div class="Sheet">
            <div class="Sheet-tl"></div>
            <div class="Sheet-tr"></div>
            <div class="Sheet-bl"></div>
            <div class="Sheet-br"></div>
            <div class="Sheet-tc"></div>
            <div class="Sheet-bc"></div>
            <div class="Sheet-cl"></div>
            <div class="Sheet-cr"></div>
            <div class="Sheet-cc"></div>
            <div class="Sheet-body">
                <div class="Header">
                    <div class="Header-jpeg"></div>
                    <div class="logo">
                        <h1 id="H1_1" class="logo-name"><a href="#">Pinball Tournament Score System</a></h1>
                       <div id="Div1" class="logo-text">v0.8 Magod 2009-2013</div>
                    </div>
                </div>
                <div class="nav">
                	<div class="l"></div>
                	<div class="r"></div>
                		<ul class="artmenu">
                		<li><a href="Main.aspx"><span class="l"></span><span class="r"></span><span class="t">Tournaments</span></a></li>
                		<li><a href="Players.aspx"><span class="l"></span><span class="r"></span><span class="t">Players</span></a>
                		</li>
                		<li><a href="Pinballs.aspx"><span class="l"></span><span class="r"></span><span class="t">Pinballs</span></a></li>
                		<li><a href="Screens.aspx" class="ActiveItem"><span class="l"></span><span class="r"></span><span class="t">Screens</span></a>
                		</li>
                		<li><a href="Config.aspx"><span class="l"></span><span class="r"></span><span class="t">Configuration</span></a></li>
                	</ul>
                </div>
                <div class="contentLayout">
                    <div class="sidebar1">
                      
                        <div class="Block">
                            <div class="Block-tl"></div>
                            <div class="Block-tr"></div>
                            <div class="Block-bl"></div>
                            <div class="Block-br"></div>
                            <div class="Block-tc"></div>
                            <div class="Block-bc"></div>
                            <div class="Block-cl"></div>
                            <div class="Block-cr"></div>
                            <div class="Block-cc"></div>
                            <div class="Block-body">
                                <div class="BlockHeader">
                                    <div class="l"></div>
                                    <div class="r"></div>
                                    <div class="header-tag-icon">
                                        <div class="t">Actions</div>
                                    </div>
                                </div><div class="BlockContent">
                                    <div class="BlockContent-body">
                                          <ul>
                                             <li><a href="Screens.aspx">See available screens</a></li>
                                             <li><a href="ConnectScreens.aspx">Connect screens</a></li>
                                            <li><a href="ManageScreens.aspx">Manage screens</a></li>
                                        </ul>
                                        
                                           
                                    </div>
                                    

                                </div>
                            </div>
                        </div>
                        
                    </div>
                    <div class="content">
                       <div class="PostContent">
                                              
                            <h2 class="PostHeaderIcon-wrapper">
                                <span class="PostHeader">Select your screen number</span>
                            </h2>   
                           <table cellpadding="5" cellspacing="5">
                            <tr>
                               <td class="fila"><div class="npant"><a href="javascript:connect(1)" class="numeropantalla">1</a></div></td>
                               <td class="fila"><div class="npant"><a href="javascript:connect(2)" class="numeropantalla">2</a></div></td>
                               <td class="fila"><div class="npant"><a href="javascript:connect(3)" class="numeropantalla">3</a></div></td>
                               <td class="fila"><div class="npant"><a href="javascript:connect(4)" class="numeropantalla">4</a></div></td>
                         
                            </tr>
                              <tr>
                               <td class="fila"><div class="npant"><a href="javascript:connect(5)" class="numeropantalla">5</a></div></td>
                               <td class="fila"><div class="npant"><a href="javascript:connect(6)" class="numeropantalla">6</a></div></td>
                               <td class="fila"><div class="npant"><a href="javascript:connect(7)" class="numeropantalla">7</a></div></td>
                               <td class="fila"><div class="npant"><a href="javascript:connect(8)" class="numeropantalla">8</a></div></td>
                            </tr>
                            <tr>
                               <td class="fila"><div class="npant"><a href="javascript:connect(9)" class="numeropantalla">9</a></div></td>
                               <td class="fila"><div class="npant"><a href="javascript:connect(10)" class="numeropantalla">10</a></div></td>
                               <td class="fila"><div class="npant"><a href="javascript:connect(11)" class="numeropantalla">11</a></div></td>
                               <td class="fila"><div class="npant"><a href="javascript:connect(12)" class="numeropantalla">12</a></div></td>
                            </tr>
                           </table> 
                            
                            <div class="cleared"></div>                           
                        </div>                   
                   </div>     
                </div>
                <div class="cleared"></div><div class="Footer">
                    <div class="Footer-inner">
                        <a href="#" class="rss-tag-icon" title="RSS"></a>
                        <div class="Footer-text">
                            <p>Copyright Petacos.com&copy; 2012 ---. All Rights Reserved.</p>
                        </div>
                    </div>
                    <div class="Footer-background"></div>
                </div>
        </div>
        <div class="cleared"></div>       
    </div>
        </div>  
</form>
</body>
</html>

